<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>超链接标签</title>
</head>
<body>
  <!-- 跳转页面 -->
  <!-- 
    常用属性：
      href：要跳转的具体位置
      target：跳转时如何打开页面，常用值如下：
        _self：在本页签中打开
        _blank：在新页签中打开
   -->
  <a href="https://www.baidu.com" target="_self">跳转到百度</a>
  <a href="https://www.baidu.com" target="_blank">跳转到百度</a>
  <a href="./03.常用的文本标签.html">去常用的文本标签</a>

  <a href="./01.html排版标签.html">
    <img width="200" src="奥特曼.jpg" alt="奥特曼">
  </a>

  <!-- 跳转文件 -->
  <!-- 都是浏览器可以直接打开的文件 -->
  <a href="./resource/我的自拍.jpg">看自拍</a>
  <a href="./resource/小电影.mp4">看小电影"></a>
  <a href="./resource/小姐姐.gif">看小姐姐</a>
  <a href="./resource/如何一夜暴富">如何一夜暴富</a>

  <!-- 浏览器不可以直接打开的文件 -->
  <a href="./resource/内部资源.zip">内部资源</a>

  <!-- 浏览器可以打开，但要强制触发下载 -->
  <a href="./resource/小电影.mp4" download="好看">下载小电影</a>

  <!-- 跳转锚点 -->
  <a href="#htl">看灰太狼</a>
  <a href="#atm">看奥特曼</a>

  <p>我是一只羊，一只很肥美的羊</p>
  <img src="喜羊羊.png" alt="喜羊羊">

  <a name="htl"></a>
  <p>我是一只狼，一只很邪恶的狼</p>
  <img src="灰太狼.png" alt="灰太狼">

  <p id="atm">我是一只奥特曼，一只很能打的奥特曼</p>
  <img src="奥特曼.jpg" alt="奥特曼">

  <p>我是一只怪兽，一只很丑的怪兽</p>
  <img src="怪兽.jpg" alt="怪兽">

  <p>整体的介绍完毕了</p>
  <a href="#">回到顶部</a>

  <a href="">刷新页面</a>

  <a href="javascript:(666);">点我弹窗</a>

  <!-- 唤起指定应用 -->
  <a href="tel:10010">电话联系</a>
  <a href="mailto:1234567@qq.com">邮件联系</a>
  <a href="sms:10086">短信联系</a>
</body>
</html>